<template>
  <!-- element-ui的级联组件 -->
  <el-cascader
    :value="value"
    size="mini"
    :options="categories"
    :props="defaultProps"
    separator="-"
    @change="handleChange"
  />
</template>
<script>
// import { transListToTree } from '@/utils'
import { getCategoryList } from '@/api/homework/position'

export default {
  props: {
    value: {
      type: Number,
      default: null
    }
  },
  data() {
    return {
      categories: [],
      defaultProps: {
        label: 'name', // 展示的字段，给用户看的
        value: 'id' // 记录的id，给程序看的
      }
    }
  },
  created() {
    this.getCategories()
  },
  methods: {
    // 切换选项
    handleChange(values) {
      if (values.length > 0) {
        this.$emit('input', values[values.length - 1])
      } else {
        this.$emit('input', null)
      }
    },
    async getCategories() {
      // 调用职位类别接口
      const res = await getCategoryList()
      this.categories = res.data
    }
  }
}
</script>
